﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
<link href="../../lib/ligerUI/skins/Aqua/css/ligerui-all.css"
	rel="stylesheet" type="text/css" />
<script src="../../lib/jquery/jquery-1.3.2.min.js"
	type="text/javascript"></script>
<script src="../../lib/ligerUI/js/core/base.js" type="text/javascript"></script>
<script src="../../lib/ligerUI/js/plugins/ligerTab.js"
	type="text/javascript"></script>
<script src="../../lib/ligerUI/js/plugins/ligerDrag.js"
	type="text/javascript"></script>
<script type="text/javascript">
        
        $(function ()
        {
            $("#tab1").ligerTab({ onBeforeSelectTabItem: function (tabid)
            {
                alert('onBeforeSelectTabItem' + tabid);
            }, onAfterSelectTabItem: function (tabid)
            {
                alert('onAfterSelectTabItem' + tabid);
            } 
            });
        });
    </script>
<style type="text/css">
body {
	font-size: 11px;
}
</style>
</head>
<body style="padding: 10px">
	<div id="tab1"
		style="width: 600px; overflow: hidden; border: 1px solid #A3C0E8;">
		<div title="首页" style="height: 300px">
			<p>用法 :</p>
			<h4>$("#tab1").ligerTab({onBeforeSelectTabItem:function(tabid){
				alert('onBeforeSelectTabItem'+tabid);
				},onAfterSelectTabItem:function(tabid){
				alert('onBeforeSelectTabItem'+tabid); });</h4>
		</div>
		<div title="说明" style="height: 300px">
			<p>今天开始jquery ligerui的一些实用的插件. 来用于我们的项目.</p>
		</div>
		<div title="联系我们" style="height: 300px">
			<p>地址: demo.ligerui.com 资料: leoxie2011.cnblog.com</p>
		</div>
	</div>
	<div style="display: none"></div>
</body>
</html>
